<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="format-detection" content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta http-equiv="cache-control" content="no-cache">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <link rel="icon" href="<%= BASE_URL %>favicon.ico">
        <title>航线任务</title>
        <style>
            body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100vh; }
            .Loader { height: 30px; width: 90px; position:fixed;}
            .Loader .Bar { background: #04C096; height: 0; position: absolute; bottom: 0; width: 10px; border-radius: 2px; }
            .Loader .Bar:nth-child(0) { left: -15px; -webkit-animation: bottom-top 2s infinite ease-in-out 0s; animation: bottom-top 2s infinite ease-in-out 0s; }
            .Loader .Bar:nth-child(1) { left: 0px; -webkit-animation: bottom-top 2s infinite ease-in-out 0.2s; animation: bottom-top 2s infinite ease-in-out 0.2s; }
            .Loader .Bar:nth-child(2) { left: 15px; -webkit-animation: bottom-top 2s infinite ease-in-out 0.4s; animation: bottom-top 2s infinite ease-in-out 0.4s; }
            .Loader .Bar:nth-child(3) { left: 30px; -webkit-animation: bottom-top 2s infinite ease-in-out 0.6s; animation: bottom-top 2s infinite ease-in-out 0.6s; }
            .Loader .Bar:nth-child(4) { left: 45px; -webkit-animation: bottom-top 2s infinite ease-in-out 0.8s; animation: bottom-top 2s infinite ease-in-out 0.8s; }
            .Loader .Bar:nth-child(5) { left: 60px; -webkit-animation: bottom-top 2s infinite ease-in-out 1s; animation: bottom-top 2s infinite ease-in-out 1s; }
            .Loader .Bar:nth-child(6) { left: 75px; -webkit-animation: bottom-top 2s infinite ease-in-out 1.2s; animation: bottom-top 2s infinite ease-in-out 1.2s; }

            @-webkit-keyframes bottom-top {
                0% { height: 0; opacity: 0; }
                50% { height: 30px; opacity: 1; }
                100% { height: 0; opacity: 0; }
            }

            @keyframes bottom-top {
                0% { height: 0; opacity: 0; }
                50% { height: 30px; opacity: 1; }
                100% { height: 0; opacity: 0; }
            }
        </style>
  </head>

  <body>
      <!--<div class="Loader" id="Loader">-->
          <!--<div class="Bar"></div>-->
          <!--<div class="Bar"></div>-->
          <!--<div class="Bar"></div>-->
          <!--<div class="Bar"></div>-->
          <!--<div class="Bar"></div>-->
          <!--<div class="Bar"></div>-->
      <!--</div>-->

    <div id="app"></div>
    <!--<script type="text/javascript" src="./static/pdf.js?v=2"></script>-->
    <script type="text/javascript" src="config/env.js?v=4"></script>

  </body>
</html>
